function photo() {
    var oPhoto = document.getElementById('photo')
    var Demo = [
        {
            classId: 1,
            name: '岁月'
        },
        {
            classId: 2,
            name: '风景'
        },
        {
            classId: 3,
            name: '旅游日记'
        },
        {
            classId: 4,
            name: '相爱的人'
        },
        {
            classId: 5,
            name: '建筑'
        },
        {
            classId: 6,
            name: '神奇的自然'
        }
    ]

    var Item = [
        {
            id: 1,
            classId: 1,
            title: "岁月",
            time: "发布日期：2017-06-02",
            item1: "客户：你看这个logo放大的同时能不能缩小一点设计师：……你说啥？",
            item2: "客户：我感觉这个大小不合适，整体大一点，占面积小一点",
            item3: "设计师：……你说啥？",
            item4: "客户：TM到底能不能干了",
            item5: "设计师：我能力有限。。。",
            img1: "img/22.jpg",
            img1: "img/02.jpg",
            img1: "img/23.jpg"
        },
        {
            id: 2,
            classId: 2,
            title: "风景",
            time: "发布日期：2017-06-02",
            item1: '设计师"高考"真题，你能那几分？',
            item2: "Q：你花了一整天的时间，绞尽脑汁，终于做出一张极其满意的Banner图，发给客户75秒后，收到一段长达60秒的语音反馈，言辞激烈。作为设计师，此时你应该怎么做？",
            item3: "A：准备重做。",
            item4: "Q：快到下班时间了，公司准备聚餐的同事分成了两拨，一拨准备去吃烤肉，另一拨准备去吃火锅，此时，你应该怎么做？",
            item5: "A：泡上一杯咖啡，正式开始一天的工作。",
            item6: "Q：你的女朋友给你发微信说，她大姨的二舅的外甥的侄女准备新开一家奶茶店，想让你帮忙免费设计一款logo，此时你应该怎么做？",
            item5: "A：一巴掌抽醒自己，设计师哪儿来的女朋友",
            img1: "img/06.png",
            img1: "img/08%20(1).jpg",
            img1: "img/11.jpg"
        },
        {
            id: 3,
            classId: 3,
            title: "相爱的人",
            time: "发布日期：2017-06-02",
            item1: '设计师奇葩求职日记"高考"真题，你能那几分？',
            item2: "面试官：面试设计师的？",
            item3: "求职者：嗯嗯",
            item4: "面试官：太好了，正好公司电脑换了，你去帮忙修一下吧",
            item5: "②",
            item6: "面试官：作为设计师，你有什么特长吗？",
            item5: "求职者：我会一些手绘",
            item5: "面试官：手绘？会画符咒吗？",
            item5: "求职者：符……符咒？",
            item5: "面试官：对！我们老板说公司风水不好，正想改一下运势呢！",
            item5: "求职者：我是设计师，不是萨满法师……",
            item5: "③",
            item5: "求职面试官：你是专业设计师是吧，那你说说我身上这件衣服的色值多少？者：我是设计师，不是萨满法师……",
            item5: "求职者：……",
            img1: "img/06.png",
            img1: "img/08%20(1).jpg",
            img1: "img/11.jpg"
        },
        {
            id: 4,
            classId: 4,
            title: "建筑",
            time: "发布日期：2017-06-02",
            item1: '设计师奇葩求职日记"高考"真题，你能那几分？',
            item2: "面试官：面试设计师的？",
            item3: "求职者：嗯嗯",
            item4: "面试官：太好了，正好公司电脑换了，你去帮忙修一下吧",
            item5: "②",
            item6: "面试官：作为设计师，你有什么特长吗？",
            item5: "求职者：我会一些手绘",
            item5: "面试官：手绘？会画符咒吗？",
            item5: "求职者：符……符咒？",
            item5: "面试官：对！我们老板说公司风水不好，正想改一下运势呢！",
            item5: "求职者：我是设计师，不是萨满法师……",
            item5: "③",
            item5: "求职面试官：你是专业设计师是吧，那你说说我身上这件衣服的色值多少？者：我是设计师，不是萨满法师……",
            item5: "求职者：……",
            img1: "img/06.png",
            img1: "img/08%20(1).jpg",
            img1: "img/11.jpg"
        },
        {
            id: 5,
            classId: 5,
            title: "建筑",
            time: "发布日期：2017-06-02",
            item1: '设计师奇葩求职日记"高考"真题，你能那几分？',
            item2: "面试官：面试设计师的？",
            item3: "求职者：嗯嗯",
            item4: "面试官：太好了，正好公司电脑换了，你去帮忙修一下吧",
            item5: "②",
            item6: "面试官：作为设计师，你有什么特长吗？",
            item5: "求职者：我会一些手绘",
            item5: "面试官：手绘？会画符咒吗？",
            item5: "求职者：符……符咒？",
            item5: "面试官：对！我们老板说公司风水不好，正想改一下运势呢！",
            item5: "求职者：我是设计师，不是萨满法师……",
            item5: "③",
            item5: "求职面试官：你是专业设计师是吧，那你说说我身上这件衣服的色值多少？者：我是设计师，不是萨满法师……",
            item5: "求职者：……",
            img1: "img/06.png",
            img1: "img/08%20(1).jpg",
            img1: "img/11.jpg"
        },
        {
            id: 6,
            classId: 6,
            title: "神奇的自然",
            time: "发布日期：2017-06-02",
            item1: '设计师奇葩求职日记"高考"真题，你能那几分？',
            item2: "面试官：面试设计师的？",
            item3: "求职者：嗯嗯",
            item4: "面试官：太好了，正好公司电脑换了，你去帮忙修一下吧",
            item5: "②",
            item6: "面试官：作为设计师，你有什么特长吗？",
            item5: "求职者：我会一些手绘",
            item5: "面试官：手绘？会画符咒吗？",
            item5: "求职者：符……符咒？",
            item5: "面试官：对！我们老板说公司风水不好，正想改一下运势呢！",
            item5: "求职者：我是设计师，不是萨满法师……",
            item5: "③",
            item5: "求职面试官：你是专业设计师是吧，那你说说我身上这件衣服的色值多少？者：我是设计师，不是萨满法师……",
            item5: "求职者：……",
            img1: "img/06.png",
            img1: "img/08%20(1).jpg",
            img1: "img/11.jpg"
        }
    ]

    function creatNewsDom(classId) {
        var oNews = oPhoto.getElementsByTagName('box-2')
        // console.log(oNews);

        Item.forEach(function(item,index){
            if(item.classId === classId){
                var oA = document.createElement('a')
                oA.innerHTML = item.title
                oA.innerHTML
            }
        })

    }
    creatNewsDom()
}
photo()

